<!DOCTYPE html>

<html>

<head>
  <meta charset="UTF-8">
  <title>OpenVidu Electron</title>
  <link rel="styleSheet" href="style.css" type="text/css" media="screen">
  <script src="openvidu-browser-2.12.0.js"></script>
  <script src="axios.min.js"></script>
  <script src="app.js"></script>
</head>

<body>

  <h1>OpenVidu Electron</h1>
  <!-- All of the Node.js APIs are available in this renderer process. -->
  We are using Node.js <script>
    document.write(process.versions.node)
  </script>,
  Chromium <script>
    document.write(process.versions.chrome)
  </script>,
  and Electron <script>
    document.write(process.versions.electron)
  </script>

  <div id="join">
    <h1>Join a video session</h1>
    <form onsubmit="initPublisher(); return false">
      <p>
        <label>Session:</label>
        <input type="text" id="sessionId" value="SessionA" required>
      </p>
      <p>
        <input id="screen-sharing" type="checkbox" name="screenshare"> Share screen?<br>
      </p>
      <p>
        <input type="submit" value="JOIN">
      </p>
    </form>
  </div>

  <div id="session" style="display: none;">
    <h1 id="session-header"></h1>
    <input type="button" onclick="leaveSession()" value="LEAVE">
    <div>
      <div id="publisher">
        <h3>YOU</h3>
      </div>
      <div id="subscriber">
        <h3>OTHERS</h3>
      </div>
    </div>
  </div>

</body>

</html>